<template>
  <div class='rules first-box'>
    <img :src="imgs.bac" alt="">
    <Tip :title="title"></Tip>
    <Form :formData="formData" :formParam="formParam"></Form>
    <Buttons class="margin40" :buttonData="buttonData"></Buttons>
  </div>
</template>
<script>
import Tip from '../../../common/tip.vue'
import Form from '../../../common/form'
import Buttons from '../../../common/button.vue'
export default {
  components: {Tip,Form,Buttons},
  name: "",
  data() {
    return {
      imgs:{
        bac:require('../../../../assets/img/vip/rules/bac.png')
      },
      title:"由于交管局资料交接可能出现延迟，结果仅供参考，实际以交管局发布为准。",
      formData:[
        {
          title:{
            show:false,
          },
          children:[
            {type:"input",label:"车牌号",key:"type",},
            {type:"number",label:"车架号码",key:"",otherText:"后6位"},
            {type:"number",label:"发动机号",key:"",otherText:"后6位"}
          ],
        }
      ],
      formParam:{

      },
      buttonData:[
        {
          label:"查询",
          click:this.search,
        },
      ]
    };
  },
  methods: {
    search(){
      console.log("click----查询违章")
    },
    getList(){

      _g.apiPost("vipMyOrder/breach.do").then(res=>{

      })
    }
  },
  created() {

    this.getList()
  }
};
</script>
<style lang="scss" scoped>
.rules {

  >img{
    width: 100%;
  }
  .margin40{
    margin: 40px 15px;
  }
}
</style>